@import '../../style/themes';
@import '../../style/mixins';

.x-anchor-link {
  &-active {
    color: $anhor-link-color-active;
  }

  &_title {
    display: block;
    padding: $padding-xss $padding-sm;
    color: inherit;
    text-decoration: none;
    transition: color .3s;

    &:hover {
      color: $anhor-link-color-hover;
    }

    &:active {
      color: $anhor-link-color-pressed;
    }
  }
}